 body{
        background-color: #8897A6 !important;
        color:#EDEBEB;
    }
    a{
        color:#EDEBEB;
        text-decoration: none;
    }
    a:hover{
        color:#A27F7F;
    }
	.container {
            margin-top: 35px
    }
	.orbit-spinner,
	.orbit-spinner * {
		box-sizing: border-box;
	}

	.orbit-spinner {
		height: 55px;
		width: 55px;
		border-radius: 50%;
		perspective: 800px;
	}

	.orbit-spinner .orbit {
		position: absolute;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.orbit-spinner .orbit:nth-child(1) {
		left: 0%;
		top: 0%;
		animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
		border-bottom: 3px solid #fd7e14;
	}

	.orbit-spinner .orbit:nth-child(2) {
		right: 0%;
		top: 0%;
		animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
		border-right: 3px solid #fd7e14;
	}

	.orbit-spinner .orbit:nth-child(3) {
		right: 0%;
		bottom: 0%;
		animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
		border-top: 3px solid #fd7e14;
	}

	@keyframes orbit-spinner-orbit-one-animation {
		0% {
			transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
		}
	}

	@keyframes orbit-spinner-orbit-two-animation {
		0% {
			transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
		}
	}

	@keyframes orbit-spinner-orbit-three-animation {
		0% {
			transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
		}
		100% {
			transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
		}
	}

	.hollow-dots-spinner,
	.hollow-dots-spinner * {
		box-sizing: border-box;
	}

	.hollow-dots-spinner {
		height: 15px;
		width: calc(30px * 3);
	}

	.hollow-dots-spinner .dot {
		width: 15px;
		height: 15px;
		margin: 0 calc(15px / 2);
		border: calc(15px / 5) solid #fd7e14;
		border-radius: 50%;
		float: left;
		transform: scale(0);
		animation: hollow-dots-spinner-animation 1000ms ease infinite 0ms;
	}

	.hollow-dots-spinner .dot:nth-child(1) {
		animation-delay: calc(300ms * 1);
	}

	.hollow-dots-spinner .dot:nth-child(2) {
		animation-delay: calc(300ms * 2);
	}

	.hollow-dots-spinner .dot:nth-child(3) {
		animation-delay: calc(300ms * 3);
	}

	@keyframes hollow-dots-spinner-animation {
		50% {
			transform: scale(1);
			opacity: 1;
		}
		100% {
			opacity: 0;
		}
	}
	.hub {
		width:1110px;
		height:624px;
		text-align: center;
		font-family: sans-serif;
		font-weight: bold;
		background: #000000;
	}

	.hub span:nth-child(2) {
	  background: #FF9900;
	  color: #000000;
	  border-radius: 1vw;
	  padding: 0 1vw 0 1vw;
	  display: inline-block;
	}
	#pornhub{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.flexcontainer {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 3%
    }
    
    .porn-title{
        color: white !important;
    }

    .hub-title{
        color: #000000 !important;
        background-color: #FF9900 !important;
        border-radius: 10%;
    }

    .dl-button{
        background-color: #656565;
        border-color: #656565;
    }

    .dl-button:hover{
        background-color: #505050;
        border-color: #505050;
    }

    .footer{
        text-align: center;
        font-size: 90%;
    }

	@media (min-width: 576px) {
	  .hub {
		max-width: 510px;
		max-height: 510px;
	  }
		#porntext, #hubtext {
			font-size: 80px;
		}
	}

	@media (min-width: 768px) {
	  .hub {
		max-width: 690px;
	  }
		#porntext, #hubtext {
			font-size: 100px;
		}
	}

	@media (min-width: 992px) {
	  .hub {
		max-width: 930px;
	  }
		#porntext, #hubtext {
			font-size: 100px;
		}
	}

	@media (min-width: 1200px) {
	  .hub {
		max-width: 1110px;
	  }
		#porntext, #hubtext {
			font-size: 125px;
		}
	}